.bo-table {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;

  &_search {
    padding: 4px 0;
  }

  &_container {
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow: hidden;
  }

  &_toolbar {
    padding: 0 16px 8px;
    background-color: transparent;
  }

  &_wrap {
    flex: 1;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 12px;

    .custom-scroll {
      background-color: #fafafa;

      &.vertical {
        position: absolute;
        right: 0;
        width: 15px;

        .custom-scroll-bar {
          width: 100%;
        }
      }

      &.horizontal {
        width: calc(100% - 15px);
        height: 15px;

        .custom-scroll-bar {
          height: 100%;
        }
      }

      .custom-scroll-bar {
        background-color: rgba(0, 0, 0, 0);
      }

      &:hover {
        .custom-scroll-bar {
          background-color: #e9e9e9;
        }
      }
    }

    .custom-scroll-corner {
      width: 15px;
      height: 15px;
      position: absolute;
      right: 0;
      bottom: 0;
      background-color: #fafafa;
    }
  }

  .ant-table-wrapper {
    flex: 1;
    overflow: hidden;
  }

  .ant-table-body {
    height: var(--bo-table-height);

    &::-webkit-scrollbar {
      // opacity: 0;
      // height: 0;
    }
  }

  &_pagination {
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
